﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="login.aspx.cs" Inherits="WebApplication1.login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style>
        * {
            margin:0px;
            padding:0px;
        }
        html {
            height:100%;
            width:100%;
        }
        body {
            position:relative;
            width:100%;
            height:100%;
            background-image:url("img/background.jpg");
            background-size:100% 100%;
            background-repeat:no-repeat;
        }
        #login {
            position:absolute;
            top:15%;
            margin-left:75%;
            width:20%;
            height:500px;
            background-color:rgba(120,100,120,0.45);
            border-radius:2%;
        }
        #details{
            margin-top:20%;
            margin-left:10%;
            width:80%;
            height:60%;
        }
        #TextBox1, #TextBox2 {
            border-radius:10px;
        }
        #Button1 {
            margin-top:15%;
            background-color:red;
            border-color:red;
            color:#fff;
            border-radius:10px;
        }
        #Button2 {
            margin-top:10%;
            margin-left:20%;
            background-color:#ffd800;
            border-color:#ffd800;
            border-radius:10px;
            color:red;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="login">
        <div id="details">
    
        <asp:Label ID="Label1" runat="server" Text="用户名:" Font-Bold="True"></asp:Label>
            <br />
        <asp:TextBox ID="TextBox1" runat="server" Height="30px" Width="100%"></asp:TextBox>
    
    
        <br />
        <br />
    
    
        <asp:Label ID="Label2" runat="server" Text="密码:" Font-Bold="True"></asp:Label>
            <br />
        <asp:TextBox ID="TextBox2" runat="server" Height="30px" Width="100%" TextMode="Password"></asp:TextBox>
        <p>
            <asp:Button ID="Button1" runat="server" Text="登录" Height="40px" Width="100%" OnClick="Button1_Click" />
        </p>
            <asp:Button ID="Button2" runat="server" Height="40px" Text="注册" Width="60%" />
            </div>
        </div>
    </form>
</body>
</html>
